<template>
  <div class="singer-resemble">
    <template v-for="item in simis" :key="item.id">
      <card-item :item="item" v-bind="configObj">
        <template #musictop>
          <div></div>
        </template>
      </card-item>
    </template>
  </div>
</template>

<script setup lang="ts">
import { ref, defineProps, defineExpose } from 'vue'
import CardItem from '@/base-ui/card-item'
import { getSingerSimi } from '@/service/singer'

const props = defineProps({
  singerId: {
    type: Number,
    required: true
  }
})
const configObj = {
  playShow: false,
  topShow: false,
  cardType: 'singer',
  imgUrl: 'img1v1Url',
  wth: '19%'
}
const simis = ref([])
function getSimi(id: number) {
  getSingerSimi(id).then((res: any) => {
    simis.value = res.artists
  })
}
defineExpose({
  getSimi
})
</script>

<style scoped></style>
